vue项目安装
1,先安装node
http://www.runoob.com/nodejs/nodejs-install-setup.html
输入 node -v
,如果出现相应的版本号,则说明安装成功。
2,安装淘宝镜像
由于,npm很多包部署在国外,使用cnpm可以加快我们的安装速度。
安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
3,安装webpack
安装命令:npm install -g webpack
输入 webpack -v 查看版本号后提示我们必须安装一个 CLI
安装命令:npm i webpack-cli -g
再次输入webpack -v 显示版本号,就算安装成功
4,安装vue-cli脚手架构建工具
安装命令:npm install vue-cli -g
安装完成之后输入 vue -V(注意这里是大写的“V”),如果出现相应的版本号,则说明安装成功。
5,cd到对应的目录下初始化vue项目
比如(cd F:\vue),输入新建项目命令,
安装命令:vue init webpack 项目名 //创建一个基于webpack的vue项目
执行这个命令后会出现一系列的选项如下
--------------------------------------------------------------------------------------------
?Project name :项目名称
?Project description (A Vue.js project) :项目描述 (A Vue.js project);
?Author: XXXX@XXX.com(项目作者);
?Vue build (Use arrow keys)
❯ Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere
移动上下键,选择Runtime + Compiler: recommended for most users;
?Install vue-router? (Y/n) 是否使用vue-router路由(y);
?Use ESLint to lint your code? (Y/n) 是否使用ESLint(n);
?Set up unit tests (Y/n) 是否需要单元测试(n);
?Set up e2e tests with Nightwatch? (Y/n) 是否需要单元测试(n);
?Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)
> Yes, use NPM
Yes, use Yarn
No, I will handle that myself
移动上下键,选择Yes, use NPM
--------------------------------------------------------------------------------------------
之后vue项目就会创建成功了
6,启动项目
cd进入该项目目录下,执行安装 :npm install(虽然这步之前我输入npm -v能得出版本号,但是还是要执行安装npm,也不知道为什么)
输入命令:npm run dev。服务启动成功后浏览器会默认打开一个“欢迎页面”
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。