随手笔记:win7 64bit

1、安装node,直接从node官网下载,安装即可。

2、命令行输入 node -v 查看是否安装成功,显示node的版本号即安装成功。安装成功后,输入node,进入node环境,可以随意输入js语句,例如1+1,回车即可执行。若想退出node环境,连续两次ctrl+c。

 

3、还测试一下node的包管理工具-npm是否一起安装好了,命令行输入npm -v,显示版本号即可。

4、安装vue脚手架-vue-cli

  访问外网比较慢可使用淘宝镜像访问

  命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

  

 

  然后开始安装 输入cnpm install vue-cli -g

  

  

 然后就给我跑出了这么一大片,看不懂,应该是说node-modules给我配置完了吧。

  这时候可以测试一下vue装好没,输入 vue -V

  

  有了版本号,ok了。

5、然后就可以创建项目模板了

  vue init webpack 项目名称,回车

  

  创建你项目的名字、

  描述信息、

  作者、

  vue创建是否是独立创建、

  是否运行vue-router(路由)、

  是否把检查语法规范的功能加进webpack语法的规范里(这个新手要慎选:如果选yes的话,在编译过程中,多一个空格也会报错。)、

  是否设置单元测试、

  是否建立端到端的NightWatch测试、

    是否在你创建完项目之后运行npm install ,后面默认加了npm,所以后面就不需要自己手动再运行npm install了。

然后回车,等着安装依赖。

 

这里出现两个警告,原因是:fsevent是在macOS下的依赖包,当前是64位win系统,因此只报warning信息,所以这里忽略即可。

6、根据上方提示,想要开始运行的话先cd zl001 回车进入到项目目录下,然后再运行 npm run dev

  

  

  出现这个项目就创建完成了。根据以上提供的网址,去浏览器里就可以看到你创建的项目界面了。