长虫山小木屋

没有谁会为你踏雪而来 喜欢的风景要躬亲筚路

  博客园  :: 首页  :: 新随笔  :: 联系 ::  :: 管理

1、安装 https://nodejs.org/
node --version
::::linux安装::::::
将安装包上传到指定位置(我习惯放到:/usr/local/目录),并解压
tar -xvf node-v10.6.0-linux-x64.tar.xz
重命名文件夹
mv node-v10.6.0-linux-x64 nodejs
通过建立软连接变为全局
ln -s /usr/local/application/nodejs/bin/npm /usr/local/bin/
ln -s /usr/local/application/nodejs/bin/node /usr/local/bin/
检查是否安装成功,命令:node-v
node -v
2、git安装安装地址:
https://git-scm.com/downloads
3、cnpm安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
环境设置路径 C:\Users\Administrator\AppData\Roaming\npm
linux:
ln -s /usr/local/nodejs/bin/cnpm /usr/local/bin/
4、安装
cnpm install -g vue-cli
linux链接:
ln -s /usr/local/nodejs/bin/vue /usr/local/bin/
5、初始化
npm get registry
查看源>https://registry.npmjs.org/
npm config set registry http://registry.npm.taobao.org/
替换成淘宝的,否则很慢
vue init webpack project
是否安装编译器,到选择Vue  build方式时,有两种方式,第一种为standaloe方式,第二种runtime-only为runtime方式。runtime 打包的是/node_modules/vue/dist/vue.common.jsstandalone 打包的是/node_modules/vue/dist/vue.jsruntime 和standalone 这两种方式对普通用户使用起来没区别,选择第一个大多数用户使用的就可以了,然后按下Enter键。

是否vue安装路由,选择y,按下Enter键

是否使用ESLint,ESLint是一个用来识别ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格,也就是需要按照规范格式来写代码。可以选择y或者是n,按自己习惯需要,在这里选择n,按下Enter键。

是否安装unit test 测试工具,选择n,按下Enter键。

是否安装e2e测试工具,选择n,按下Enter键

项目创建后,是否直接使用命令安装依赖?第一个:是的,使用npm命令安装第二个:是的,使用Yarn命令安装第三个:不,自己手动安装

npm安装依赖的时候可能

6、进入项目 安装依赖
cd project
cnpm install

7、npm run dev
http://localhost:8080/#/ 打开测试成功

posted on 2020-01-17 00:14  长虫山小木屋  阅读(122)  评论(0编辑  收藏  举报