- 新建项目目录:
cp -r project-name1 project-name2
cd project-name2
如果是 Windows 系统,再执行下面两行
rm -rf node_modules
npm i
结束 Windows 系统的命令
webpack --watch
然后新开一个窗口写代码,这个不要关闭
- 全局安装 vue-cli,并用 vue-cli 来初始化一个 vue 项目时:
初始化项目:
> mkdir project-name
> cd project-name
> npm init # 使用 npm init 来生成一个 package.json,方便我们添加依赖
...
Press ^C at any time to quit.
name: (project-name)
version: (1.0.0) 0.1.0
description: project description
entry point: (index.js)
test command:
git repository:
keywords:
author: your name
license: (ISC)
...
然后全局安装 vue-cli(安装在当前目录也可以),并用 vue-cli 来初始化一个 vue 项目:
> npm install -g vue-cli
> vue init webpack . # 注意这里的 . 字符
? Generate project in current directory? Yes
This will install Vue 2.x version of the template.
For Vue 1.x use: vue init webpack#1.0
? Project name xxx
? Project description xxxxxxxxxxxx
? Author your name <yourname@youremail.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? No
vue-cli · Generated "xxx".
> npm i
> npm run dev
一般情况下,操作到 npm run dev这一步,你就会发现浏览器自动弹出,并访问了 http://localhost:8080/#/ 。
但我偶尔在全局安装vue-cli那一步输入 npm install -g vue-cli 时报错了:
Error: EACCES: permission denied, access '/usr/local/lib/node_modules/vue-cli/node_modules/bluebird' 或者类似这样的报错,其实只要将命令行改成 sudo npm install -g vue-cli
就可以了。
我理解的就全局有些需要很高的权限,仅此而已。
网友评论