前提:vue开发前提是安装好nodejs后,在nodejs环境下运行 1.npm工具在国内的网络环境下比较慢 推荐使用淘宝npm镜像https://npm.taobao.org/ 使用以下命令安装cnpm,以后就可以用cnpm来代替npm: npm install -g cnpm --registry=https://registry.npm.taobao.org 2.cnpm -v 查看当前cnpm安装版本 3.cnpm install -g vue-cli 安装脚手架(-g全局安装在系统的node目录下 如果不加安装在当前目录下) vue 会看到vue变成了一个命令 vue --version 会看到目前vue的版本 vue list 看到会用那些模版 在mac环境下加上sudo npm install -g vue-cli 提高权限 4.vue init webpack my-project 下载模版,初始化项目(报错可能是hosts没有恢复到原始状态的原因) 目前默认的模版是2.0的 如果想安装1.0的:vue init webpack#1.0 my-project 5.cd my-project 查看当前项目的文件 vi package.json 查看配置文件 (vi进入文件夹 连续按2次大写字母Z退出vi 回到命令行模式) 6.cnpm install 安装依赖 在当前目录下会多出一个node_modules的文件夹 所有的依赖会自动下载完成 7.cnpm run dev 服务器启动了 查看到当前的监听的端口 http://localhost:8080 8.在项目的src目录下进行开发
时间: 2024-11-02 23:29:53