1.首先具备一定的前端基础,常规的HTML+CSS+Js/jqeury必须熟练,这是后期开发的基础。
2.明白node是什么东西,明白npm能干什么。
3.打开cmd窗口,我用的PowerCmd.
node -v //检查是否安装nodenpm install webpack -g //webpack是一个包管理工具,也是vue-cli的构建工具,全局安装npm install --global vue-cli //vue-cli的安装,快速搭建项目的工具vue -V //查看vue-cli是否安装成功
4.构建工程文件
vue init webpack projectName //'git' 不是内部或外部命令,也不是可运行的程序或批处理文件。下载git解决
E:\>vue init webpack fristvue? Project name fristvue//项目名称(注意名称中不要出现大写字母,否则会报错)? Project description A Vue.js project//项目描述(可写可不写,看个人需要)? Author //作者(可写可不写,看个人需要)? Vue build standalone//vue编译,这个选默认即可,运行加编译Runtime + Compiler? Install vue-router? //Yes是否安装vue-router是否安装vue路由工具? Use ESLint to lint your code? //No是否使用代码管理工具ESLint管理你的代码? Set up unit tests //Yes设置单元测试? Pick a test runner //karma选择测试运行程序? Setup e2e tests with Nightwatch? //Yes? Should we run `npm install` for you after the project has been created? //项目创建后,我们应该为您运行“NPM安装”吗?
使用cmd命令cd移动到项目根目录
npm config get registry//查看npm镜像源https://registry.npmjs.org///更改镜像源为淘宝镜像npm config set registry http://registry.npm.taobao.orgnpm install //初始化项目,安装package.json 文件中描述的依赖npm run dev //运行我们的项目,这个时候,我们可以打开浏览器,输入http://localhost:8080/