关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

npm环境下如何安裝Vue.js

发布时间:2020-02-29 00:00:00

我以前是有安裝过npm的

应用淘宝网 NPM 镜像系统

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

查询nmp版本号

$ npm -v

应用 NPM 安裝vue

$ cnpm install vue

在命令行中迅速构建大中型宣传单页运用

# 全局性安裝 vue-cli
$ cnpm install --global vue-cli
# 建立一个根据 webpack 模版的最新项目
$ vue init webpack my-project
# 这儿必须开展一些配备,默认设置回车键就可以
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project? Project name my-project? Project description A Vue.js project? Author runoob? Vue build standalone? Use ESLint to lint your code? Yes? Pick an ESLint preset Standard? Setup unit tests with Karma + Mocha? Yes? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:
     cd my-project
     npm install
     npm run dev
   Documentation can be found at https://vuejs-templates.github.io/webpack

进到新项目,安裝并运作

$ cd my-project
$ cnpm install
$ cnpm run dev
 DONE  Compiled successfully in 4388ms> Listening at http://localhost:8080

取得成功以后在电脑浏览器浏览: http://localhost:8080/

 

 接下去依据命令行提醒的新项目相对路径,开启新项目

 

 文件目录构造一览

 干万留意这一句是用于打开新项目的~

我安裝完后第二次载入网页页面沒有打开,电脑浏览器一直显示信息拒绝访问,被自身蠢哭

$ cnpm run dev

 


/template/Home/Zkeys/PC/Static