美文网首页
安装Node,创建vue项目,运行及打包

安装Node,创建vue项目,运行及打包

作者: 小马哒哒001 | 来源:发表于2020-12-14 13:46 被阅读0次

1、安装node js
下载地址:http://nodejs.cn/download/
2、安装npm(由于现在版本的node.js已经集成npm所以无需安装,可以用npm -v 查看版本)
3、注册cnpm来代替npm

使用命令:npm install cnpm -g --registry=https://registry.npm.taobao.org

如果你发现你安装成功了,使用cnpm却发现找不到命令,那么就是你的环境变量有问题,在环境变量里面的path添加你node的安装路径就行,比如";C:\Program Files\nodejs\node_modules"

4、安装vue脚手架vue-cli

命令:cnpm install -g vue-cli

安装成功后可以用 vue -V 查看vue版本

5、cd到对应的目录下初始化vue项目
一、命令

  • vue init webpack my-project 新建项目
  • cnpm install 已有项目下载依赖
  • ipconfig 查询本机ip,配置到项目中去,以便在手机运行看效果
  • cnpm run dev:运行项目(浏览器 打开 http://localhost:8080/#/看到效果)
    开发时属于热部署状态,代码保存后浏览器会自动刷新,错误提示也非常友好。
    6、编译打包 cnpm run build
    会编译打包到项目dist文件夹下,然后我们就可以部署到服务器上(注意:如果你直接打开index.html,可能页面会是一片空白,这是由于你引用的js路径有问题)

相关文章

网友评论

      本文标题:安装Node,创建vue项目,运行及打包

      本文链接:https://www.haomeiwen.com/subject/uszmgktx.html